<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>人工智能-面试专家</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="container">
		<div class="header">
			<a href="" class="logo"><img src="imgs/logo.png" alt=""></a>
			<div class="h1"><img src="imgs/title.png" alt=""></div>
		</div>
		<div class="content">
			<div class="video-box">
				<div class="video-container">
					<video id="video" src="https://www.w3school.com.cn/i/movie.mp4" poster="imgs/cover_img.png" preload="auto" playsinline x-webkit-airplay webkit-playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" type="video/mp4" style="object-fit:fill;" width="100%" height="100%" ></video>
					<div class="btn-play" onclick="play(this)"></div>
				</div>
			</div>
			<div class="module">
				<div class="imgbox"><img src="imgs/modular_1_img@2x.png" alt=""></div>
				<div class="textbox">全拟真动态人脸生成技术，百分百还原真人面</div>
			</div>
			<div class="module module1">				
				<div class="textbox">全球领先的面试型知识图谱，基于胜任力模型，5秒内即可生成专业的面试报告</div>
				<div class="imgbox"><img src="imgs/modular_1_img@2x.png" alt=""></div>
			</div>
			
		</div>
		<div class="footer">
			<div class="interview">
				<div class="h1">立即面试</div>
				<div class="h2">请立即复制下方链接到电脑端开始您的面试吧</div>
				<div class="arrow"><img src="imgs/arrow_icon@2x.png" alt=""></div>
				<div class="h3">推荐谷歌或QQ浏览器哦</div>
				<div class="btnbox">
					<div class="link">http://www.qianmianpro.com</div>
					<div class="btn">复制链接</div>
				</div>
			</div>
			<div class="copyright">Copyright © 2021 千面面试·粤ICP备15072039号-1</div>
		</div>
	</div>
	<script src="js/rem.js"></script>
	<script>	
	var video=document.getElementById("video")
		function play(e){
			e.parentElement.classList.add("played")			
			video.play()
		}
		video.addEventListener('ended',function(){
		    video.load(); 
			video.parentElement.classList.remove("played")
		},false);		
	</script>
</body>
</html>